/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-size: 1em;
    font-family: monospace, monospace
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    color: inherit;
    font: inherit
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    box-sizing: content-box;
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid silver
}

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

td,
th {
    padding: 0
}

@keyframes sk-bouncedelay {

    0%,
    80%,
    to {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.com-loader {
    height: 100px;
    text-align: center;
    line-height: 100px
}

.com-loader .loader-bd {
    display: inline-block;
    color: #bbb;
    vertical-align: middle;
    font-size: 14px;
    line-height: 40px
}

.com-loader .loader-bd .notext {
    position: relative;
    display: none;
    padding: 0 18px
}

.com-loader .loader-bd .notext:after,
.com-loader .loader-bd .notext:before {
    position: absolute;
    width: 40px;
    height: 1px;
    background-color: #ddd;
    content: ""
}

.com-loader .loader-bd .notext:before {
    top: 20px;
    right: -40px
}

.com-loader .loader-bd .notext:after {
    top: 20px;
    left: -40px
}

.com-loader .loader-bd .showtext {
    display: none;
    padding: 15px 50px;
    color: #fff;
    font-size: 18px;
    line-height: 18px
}

.com-loader .loader-bd .spinner>div {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #ffc81f;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.com-loader .loader-bd .spinner .bounce1 {
    animation-delay: -.32s
}

.com-loader .loader-bd .spinner .bounce2 {
    animation-delay: -.16s
}

.com-loader.large .loader-bd {
    font-size: 18px
}

.com-loader.large .loader-bd .notext:after,
.com-loader.large .loader-bd .notext:before {
    top: 20px
}

.com-loader.large .loader-bd .spinner>div {
    margin: 0 4px
}

.com-loader.loading .loader-bd .notext,
.com-loader.loading .loader-bd .showtext {
    display: none
}

.com-loader.loading .loader-bd .spinner,
.com-loader.nomore .loader-bd .notext {
    display: inline-block
}

.com-loader.nomore .loader-bd .showtext,
.com-loader.nomore .loader-bd .spinner,
.com-loader.showmore .loader-bd .notext {
    display: none
}

.com-loader.showmore .loader-bd .showtext {
    display: inline-block
}

.com-loader.showmore .loader-bd .spinner {
    display: none
}

.com-grid-article {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%
}

.com-grid-article .grid-article-hd {
    position: relative;
    height: 185px
}

.com-grid-article .grid-article-hd .pic img {
    height: 100%
}

.com-grid-article .grid-article-hd .category {
    position: absolute;
    top: 11px;
    left: 11px;
    height: 22px;
    font-size: 0;
    line-height: 22px
}

.com-grid-article .grid-article-hd .category span {
    color: #fff;
    vertical-align: middle;
    font-size: 12px;
    line-height: 22px
}

.com-grid-article .grid-article-hd .category .iconfont {
    font-size: 22px;
    line-height: 22px
}

.com-grid-article .grid-article-bd {
    padding: 12px 10px 0
}

.com-grid-article .grid-article-bd h3 {
    overflow: hidden;
    max-height: 44px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px
}

.com-grid-article .grid-article-ft {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 10px 10px;
    width: 100%;
    color: #666;
    font-size: 12px
}

.com-grid-article .grid-article-ft .smart-date {
    float: left
}

.com-grid-article .grid-article-ft .ribbon {
    float: right
}

.com-grid-article .grid-article-ft .ribbon .iconfont {
    margin-right: 15px;
    color: #d1d1d1;
    font-size: 12px
}

.com-grid-article .grid-article-ft .ribbon .iconfont:before {
    margin-right: 5px
}

.com-grid-article .grid-article-ft .ribbon .iconfont:last-child {
    margin-right: 0
}

.no-title .grid-article-hd {
    height: 100%
}

.no-title .grid-article-bd,
.no-title .grid-article-ft {
    display: none
}

.csstransitions.csstransforms .com-grid-article .grid-article-hd .pic img {
    transition: transform .6s ease-in-out, opacity .5s;
    transition-delay: .1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000
}

.csstransitions.csstransforms .com-grid-article .grid-article-hd .pic img:hover {
    transform: scale(1.05)
}

.temporary .grid-article-hd {
    height: 100%
}

.temporary .grid-article-bd,
.temporary .grid-article-ft {
    display: none
}

.com-grid-key-article {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%
}

.com-grid-key-article .grid-key-article-hd {
    position: relative;
    height: 185px
}

.com-grid-key-article .grid-key-article-hd .pic {
    width: 100%;
    height: 100%
}

.com-grid-key-article .grid-key-article-hd .pic img {
    width: 100%;
    transition: transform .6s ease-in-out;
    transition-delay: .1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000
}

.com-grid-key-article .grid-key-article-hd .pic img:hover {
    transform: scale(1.05)
}

.com-grid-key-article .grid-key-article-hd .category {
    position: absolute;
    top: 11px;
    left: 11px;
    height: 22px;
    font-size: 0;
    line-height: 22px
}

.com-grid-key-article .grid-key-article-hd .category span {
    color: #fff;
    font-size: 12px;
    line-height: 22px
}

.com-grid-key-article .grid-key-article-hd .category .iconfont {
    font-size: 22px;
    line-height: 22px
}

.com-grid-key-article .grid-key-article-hd .play {
    position: absolute;
    top: 53px;
    left: 50%;
    margin-left: -29px;
    width: 59px;
    height: 59px;
    border: 2px solid hsla(0, 0%, 100%, .45);
    border-radius: 50%
}

.com-grid-key-article .grid-key-article-hd .play:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #000;
    background: rgba(0, 0, 0, .25);
    content: ""
}

.com-grid-key-article .grid-key-article-hd .play .iconfont {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 59px
}

.com-grid-key-article .grid-key-article-hd .play .iconfont:before {
    position: relative;
    left: 2px;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 30px
}

.com-grid-key-article .grid-key-article-hd .play .time {
    position: absolute;
    bottom: -23px;
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px
}

.com-grid-key-article .grid-key-article-bd {
    padding: 5px 7px 0
}

.com-grid-key-article .grid-key-article-bd .title {
    line-height: 0
}

.com-grid-key-article .grid-key-article-bd .title span {
    display: inline-block;
    overflow: hidden;
    max-height: 64px;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px
}

.com-grid-key-article .grid-key-article-bd .title.smart-lines .line {
    height: 25px;
    white-space: normal;
    font-size: 20px;
    line-height: 25px
}

.com-grid-key-article .grid-key-article-ft {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 10px 10px;
    width: 100%;
    color: #666;
    font-size: 12px
}

.com-grid-key-article .grid-key-article-ft .smart-date {
    float: left
}

.com-grid-key-article .grid-key-article-ft .ribbon {
    float: right
}

.com-grid-key-article .grid-key-article-ft .ribbon .iconfont {
    margin-right: 15px;
    color: #d1d1d1;
    font-size: 12px
}

.com-grid-key-article .grid-key-article-ft .ribbon .iconfont:before {
    margin-right: 5px
}

.com-grid-key-article .grid-key-article-ft .ribbon .iconfont:last-child {
    margin-right: 0
}

.no-title .grid-key-article-hd {
    height: 100%
}

.no-title .grid-key-article-bd,
.no-title .grid-key-article-ft {
    display: none
}

.com-grid-banner-article {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%
}

.com-grid-banner-article .grid-banner-article-hd {
    height: 100%
}

.com-grid-banner-article .grid-banner-article-hd .imgcover img {
    width: 100%;
    height: auto;
    transition: transform .6s ease-in-out, opacity .5s;
    transition-delay: .1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000
}

.com-grid-banner-article .grid-banner-article-hd .category {
    position: absolute;
    top: 11px;
    left: 11px;
    height: 22px;
    font-size: 0;
    line-height: 22px
}

.com-grid-banner-article .grid-banner-article-hd .category span {
    font-size: 12px;
    line-height: 22px
}

.com-grid-banner-article .grid-banner-article-hd .category .iconfont {
    font-size: 22px;
    line-height: 22px
}

.com-grid-banner-article .grid-banner-article-bd {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 170px;
    color: #666;
    font-size: 12px
}

.com-grid-banner-article .grid-banner-article-bd .title-ribbon {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 14px 14px;
    width: 100%
}

.com-grid-banner-article .grid-banner-article-bd .title-ribbon .title {
    margin-bottom: 4px;
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px
}

.com-grid-banner-article .grid-banner-article-bd .title-ribbon .smart-date {
    float: left;
    color: #d2d2d2
}

.com-grid-banner-article .grid-banner-article-bd .title-ribbon .ribbon {
    float: right
}

.com-grid-banner-article .grid-banner-article-bd .title-ribbon .ribbon .iconfont {
    margin-right: 15px;
    color: #d2d2d2;
    font-size: 12px
}

.com-grid-banner-article .grid-banner-article-bd .title-ribbon .ribbon .iconfont:before {
    margin-right: 5px
}

.com-grid-banner-article .grid-banner-article-bd .title-ribbon .ribbon .iconfont:last-child {
    margin-right: 0
}

.com-grid-banner-article .grid-banner-article-bd:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #000, transparent);
    background: linear-gradient(0deg, rgba(0, 0, 0, .6), transparent);
    content: ""
}

.com-grid-banner-article.large .grid-banner-article-hd .category,
.com-grid-banner-article.normal .grid-banner-article-hd .category {
    top: 20px;
    left: 30px
}

.com-grid-banner-article.large .grid-banner-article-bd .title-ribbon,
.com-grid-banner-article.normal .grid-banner-article-bd .title-ribbon {
    padding-right: 30px;
    padding-left: 30px
}

.com-grid-banner-article:hover .grid-banner-article-hd .imgcover img {
    transform: scale(1.05)
}

.com-grid-banner-article .grid-banner-article-ft {
    position: absolute;
    top: 77px;
    left: 50%;
    margin-left: -29px;
    width: 59px;
    height: 59px
}

.com-grid-banner-article .grid-banner-article-ft .play {
    position: relative;
    width: 100%;
    height: 100%;
    border: 2px solid hsla(0, 0%, 100%, .45);
    border-radius: 50%
}

.com-grid-banner-article .grid-banner-article-ft .play:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #000;
    background: rgba(0, 0, 0, .25);
    content: ""
}

.com-grid-banner-article .grid-banner-article-ft .play .iconfont {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 59px
}

.com-grid-banner-article .grid-banner-article-ft .play .iconfont:before {
    position: relative;
    left: 2px;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 30px
}

.com-grid-banner-article .grid-banner-article-ft .play .time {
    position: absolute;
    bottom: -23px;
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    line-height: 14px
}

.com-grid-banner-article.small .grid-banner-article-ft {
    top: 77px
}

.com-grid-banner-article.normal .grid-banner-article-ft {
    top: 112px
}

.no-title .grid-banner-article-bd,
.no-title .grid-banner-article-ft {
    display: none
}

.com-grid-makemoney {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%
}

.com-grid-makemoney .grid-makemoney-hd {
    position: absolute;
    top: 11px;
    left: 11px;
    z-index: 1
}

.com-grid-makemoney .grid-makemoney-hd .category {
    height: 22px;
    font-size: 0;
    line-height: 22px
}

.com-grid-makemoney .grid-makemoney-hd .category span {
    font-size: 12px;
    line-height: 22px
}

.com-grid-makemoney .grid-makemoney-hd .category .iconfont {
    font-size: 22px
}

.com-grid-makemoney .grid-makemoney-bd {
    width: 100%;
    height: 100%
}

.com-grid-makemoney .grid-makemoney-bd img {
    width: auto;
    height: 100%
}

.com-video-player {
    position: relative;
    overflow: hidden;
    width: 245px;
    height: 280px;
    background-color: #000
}

.com-video-player.big-size {
    width: 500px
}

.com-video-player video {
    width: 100%;
    height: 100%
}

.com-video-player .poster {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%
}

.com-video-player a {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    height: 217px;
    background-color: #000;
    opacity: .001;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.com-video-player .icon-nosound,
.com-video-player .icon-sound {
    position: absolute;
    top: 10px;
    right: 11px;
    height: 18px
}

.com-video-player .icon-nosound:before,
.com-video-player .icon-sound:before {
    height: 100%;
    color: #fff;
    font-size: 18px;
    line-height: 18px
}

.com-video-player .icon-pause,
.com-video-player .icon-play {
    position: absolute;
    right: 11px;
    bottom: 11px;
    width: 22px;
    height: 22px;
    cursor: pointer
}

.com-video-player .icon-pause:before,
.com-video-player .icon-play:before {
    color: #fff;
    font-size: 23px;
    line-height: 22px
}

.com-video-player .category {
    position: absolute;
    top: 11px;
    left: 11px;
    height: 22px;
    font-size: 0;
    line-height: 22px
}

.com-video-player .category span {
    font-size: 12px;
    line-height: 22px
}

.com-video-player .category .iconfont {
    font-size: 22px;
    line-height: 22px
}

.key-size {
    width: 100%
}

.com-seo-pagination {
    position: absolute;
    top: -99999px;
    left: -99999px
}

body,
button,
input,
select,
textarea {
    font-size: 14px;
    font-family: Arial, Hiragino Sans GB, 冬青黑, Microsoft YaHei, 微软雅黑, SimSun, 宋体, Helvetica, Tahoma, Arial sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased
}

body {
    background-color: #eee;
    color: #363636
}

body .page-content {
    margin: 0 auto;
    padding: 90px 90px 370px;
    min-height: 100%;
    width: 1190px
}

a {
    color: #0f1419;
    text-decoration: none
}

a,
img {
    vertical-align: top
}

ul {
    padding: 0;
    list-style: none
}

p,
ul {
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: #0f1419
}

a:active,
a:focus,
input:active,
input:focus,
option:active,
option:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
    outline: 0
}

textarea {
    resize: none
}

::-webkit-input-placeholder {
    color: #ccc
}

::-moz-placeholder {
    color: #ccc
}

:-ms-input-plcaeholder {
    color: #ccc
}

input:-moz-placeholder {
    color: #ccc
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

*,
:after,
:before {
    box-sizing: border-box
}

.lazyload,
.lazyloading {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.lazyloaded {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition: opacity .5s
}

.dib-wrapper {
    font-size: 0
}

.dib-wrapper .dib {
    display: inline-block
}

.com-seo {
    position: absolute;
    top: -99999px;
    left: -999999px
}

.com-notification {
    position: fixed;
    z-index: 10900;
    padding: 10px 24px;
    border-radius: 4px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    font-size: 14px
}

.showmore-wrapper {
    display: none;
    margin-top: 40px;
    text-align: center
}

.showmore-wrapper .showmore {
    padding: 15px 50px;
    color: #fff;
    font-size: 18px;
    line-height: 18px
}

.nomore-wrapper {
    display: none;
    padding-top: 50px;
    color: #bbb;
    text-align: center;
    font-size: 18px
}

.nomore-wrapper .nomore {
    position: relative;
    display: inline-block;
    padding: 0 18px
}

.nomore-wrapper .nomore:after,
.nomore-wrapper .nomore:before {
    position: absolute;
    width: 40px;
    height: 1px;
    background-color: #ddd;
    content: ""
}

.nomore-wrapper .nomore:before {
    top: 10px;
    right: -40px
}

.nomore-wrapper .nomore:after {
    top: 10px;
    left: -40px
}

.avatar {
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px
}

.avatar img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%
}

.avatar.circle img {
    overflow: hidden;
    border-radius: 50%
}

.avatar.x25 {
    width: 25px;
    height: 25px;
    line-height: 25px
}

.avatar.x32 {
    width: 32px;
    height: 32px;
    line-height: 32px
}

.avatar.x40 {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.avatar.x42 {
    width: 42px;
    height: 42px;
    line-height: 42px
}

.avatar.x44 {
    width: 44px;
    height: 44px;
    line-height: 44px
}

.avatar.x48 {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.avatar.x50 {
    width: 50px;
    height: 50px;
    line-height: 50px
}

.avatar.x54 {
    width: 54px;
    height: 54px;
    line-height: 54px
}

.avatar.x58 {
    width: 58px;
    height: 58px;
    line-height: 58px
}

.avatar.x60 {
    width: 60px;
    height: 60px;
    line-height: 60px
}

.avatar.x64 {
    width: 64px;
    height: 64px;
    line-height: 64px
}

.avatar.x70 {
    width: 70px;
    height: 70px;
    line-height: 70px
}

.avatar.x78 {
    width: 78px;
    height: 78px;
    line-height: 78px
}

.avatar.x80 {
    width: 80px;
    height: 80px;
    line-height: 80px
}

.avatar.x100 {
    width: 100px;
    height: 100px;
    line-height: 100px
}

.avatar.x110 {
    width: 110px;
    height: 110px;
    line-height: 110px
}

.avatar.x120 {
    width: 120px;
    height: 120px;
    line-height: 120px
}

.avatar.x150 {
    width: 150px;
    height: 150px;
    line-height: 150px
}

.btn {
    display: inline-block;
    padding: 10px 36px;
    background-color: #ffc81f;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px
}

.hidden,
.laayload,
.layload,
.lazload,
.lazyaload,
.lazycload,
.lazydload,
.lazyfload,
.lazygload,
.lazyiload,
.lazykload,
.lazylaad,
.lazylad,
.lazyloa,
.lazyloaad,
.lazyloadd,
.lazylod,
.lazylooad,
.lazylood,
.lzyload,
.lzzyload {
    display: none !important
}

.vertical-wrapper {
    display: table;
    width: 100%;
    height: 100%
}

.vertical-wrapper .vertical {
    display: table-cell;
    vertical-align: middle
}

.vertical-wrapper .vertical>* {
    vertical-align: middle
}

.vertical-wrapper .vertical img,
.vertical-wrapper .vertical span {
    display: inline-block
}

.vertical-wrapper.center .vertical {
    text-align: center
}

.imgcover {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.imgcover img {
    position: absolute;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto
}

.smart-lines .line {
    display: inline-block;
    overflow: hidden;
    margin-bottom: 5px;
    padding: 0 10px;
    background-color: #000;
    color: #fff;
    white-space: nowrap
}

.smart-lines .line.isolated {
    position: absolute;
    overflow: hidden;
    width: auto;
    white-space: nowrap
}

.smart-lines .line.hidden {
    display: none
}

.smart-lines .line:last-child {
    margin-bottom: 0
}

.ripple {
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ripple .ink {
    position: absolute;
    display: block;
    border-radius: 100%;
    background: hsla(0, 0%, 100%, .4);
    transform: scale(0)
}

.ripple .ink.animate {
    animation: ripple .5s linear
}

@keyframes ripple {
    to {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transform: scale(2.5)
    }
}

.category {
    height: 30px;
    color: #fff;
    line-height: 30px
}

.category img {
    float: left;
    height: 100%
}

.category span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 30px
}

.category .iconfont {
    font-size: 30px
}

.category .iconfont:before {
    margin-right: 5px
}

.category.x20 {
    height: 20px
}

.category.x20,
.category.x20 span {
    line-height: 20px
}

.category.x20 .iconfont {
    font-size: 20px
}

.category.x22 {
    height: 22px
}

.category.x22,
.category.x22 span {
    line-height: 22px
}

.category.x22 .iconfont {
    font-size: 22px
}

.category.x25 {
    height: 25px
}

.category.x25,
.category.x25 span {
    line-height: 25px
}

.category.x25 .iconfont {
    font-size: 25px
}

.category.x44 {
    height: 44px
}

.category.x44,
.category.x44 span {
    line-height: 44px
}

.category.x44 .iconfont {
    font-size: 44px
}

.category.x60 {
    height: 60px
}

.category.x60,
.category.x60 span {
    line-height: 60px
}

.category.x60 .iconfont {
    font-size: 60px
}

.mfp-close-btn-in .mfp-close {
    margin-top: 20px;
    margin-right: 20px;
    padding: 0;
    width: 28px;
    height: 28px;
    font-size: 26px;
    line-height: 28px;
    cursor: pointer
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }

    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.fadeIn {
    animation-name: fadeIn
}

.mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: all .2s ease-out;
    transform: translateY(-20px) perspective(600px) rotateX(10deg)
}

.mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateY(0) perspective(600px) rotateX(0)
}

.mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translateY(-10px) perspective(600px) rotateX(10deg)
}

.mfp-slide-bottom.mfp-bg {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: opacity .3s ease-out
}

.mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.sprite:before {
    display: inline-block;
    background-image: url(/images/web/sprites@x2.png);
    background-size: 201px auto;
    content: " "
}

.sprite-avatar-loc:before {
    width: 57px;
    height: 63px;
    background-position: -144px 0
}

.sprite-you-actual:before {
    width: 67px;
    height: 155px;
    background-position: 0 0
}

.sprite-you-expected:before {
    width: 67px;
    height: 155px;
    background-position: -72px 0
}

@font-face {
    font-family: iconfont;
    src: url(/fonts/web/iconfont.eot?1443083280199);
    src: url(/fonts/web/iconfont.eot?1443083280199#iefix) format("embedded-opentype"), url(/fonts/web/iconfont.woff?1443083280199) format("woff"), url(/fonts/web/iconfont.ttf?1443083280199) format("truetype"), url(/fonts/web/iconfont.svg?1443083280199#iconfont) format("svg")
}

.iconfont {
    font-style: normal;
    font-size: 16px;
    font-family: iconfont !important;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

.icon-apple:before {
    content: "\E604"
}

.icon-android:before {
    content: "\E605"
}

.icon-kongjian:before {
    content: "\E606"
}

.icon-logout:before {
    content: "\E607"
}

.icon-right-bold:before {
    content: "\E609"
}

.icon-page:before {
    content: "\E648"
}

.icon-douban:before {
    content: "\E60B"
}

.icon-tengxunweibo:before {
    content: "\E60C"
}

.icon-weibo:before {
    content: "\E60D"
}

.icon-qq:before {
    content: "\E60E"
}

.icon-weixin:before {
    content: "\E60F"
}

.icon-jia:before {
    content: "\E643"
}

.icon-scale:before {
    content: "\E636"
}

.icon-play:before {
    content: "\E646"
}

.icon-shoucang:before {
    content: "\E610"
}

.icon-setting:before {
    content: "\E611"
}

.icon-user:before {
    content: "\E612"
}

.icon-dui:before {
    content: "\E644"
}

.icon-labs:before {
    content: "\E615"
}

.icon-praise:before {
    content: "\E616"
}

.icon-heart:before {
    content: "\E617"
}

.icon-message:before {
    content: "\E618"
}

.icon-search:before {
    content: "\E620"
}

.icon-camera:before {
    content: "\E619"
}

.icon-heart-sharp:before {
    content: "\E61A"
}

.icon-right:before {
    /* content: "\E61B" */
}

.icon-left:before {
    /* content: "\E61C" */
}

.icon-join:before {
    content: "\E61D"
}

.icon-linkedin:before {
    content: "\E61E"
}

.icon-praise-empty:before {
    content: "\E61F"
}

.icon-eye:before {
    content: "\E621"
}

.icon-checkbox-light:before {
    content: "\E622"
}

.icon-checkbox-selected:before {
    content: "\E623"
}

.icon-close:before {
    content: "\E624"
}

.icon-selected:before {
    content: "\E625"
}

.icon-avatar-upload:before {
    content: "\E626"
}

.icon-logo:before {
    content: "\E627"
}

.icon-loc:before {
    content: "\E608"
}

.icon-vote:before {
    content: "\E628"
}

.icon-checkbox:before {
    content: "\E629"
}

.icon-explore:before {
    content: "\E62A"
}

.icon-safe:before {
    content: "\E62B"
}

.icon-location:before {
    content: "\E62C"
}

.icon-email:before {
    content: "\E62D"
}

.icon-telephone:before {
    content: "\E62E"
}

.icon-fachudepinglun:before {
    content: "\E689"
}

.icon-countdown-bg:before {
    content: "\E68E"
}

.icon-play1:before {
    content: "\E69C"
}

.icon-right1:before {
    content: "\E647"
}

.icon-duduyinleappicon1401:before {
    content: "\E600"
}

.icon-duduyinleappicon0501:before {
    content: "\E601"
}

.icon-pause:before {
    content: "\E69D"
}

.icon-toTop:before {
    content: "\E602"
}

.icon-quote:before {
    content: "\E641"
}

.icon-wikipedia:before {
    content: "\E642"
}

.icon-pics:before {
    content: "\E645"
}

.icon-10getu:before {
    content: "\E64C"
}

.icon-chengshi:before {
    content: "\E64E"
}

.icon-dagongsitoutiao:before {
    content: "\E650"
}

.icon-shangye:before {
    content: "\E65D"
}

.icon-sheji:before {
    content: "\E65E"
}

.icon-shishang:before {
    content: "\E660"
}

.icon-youxi:before {
    content: "\E666"
}

.icon-yule:before {
    content: "\E667"
}

.icon-changwenzhang:before {
    content: "\E668"
}

.icon-zhineng:before {
    content: "\E66C"
}

.icon-aboutus:before {
    content: "\E66D"
}

.icon-left1:before {
    content: "\E66E"
}

.icon-category:before {
    content: "\E66F"
}

.icon-close1:before {
    content: "\E670"
}

.icon-columns:before {
    content: "\E671"
}

.icon-comment:before {
    content: "\E672"
}

.icon-fav:before {
    content: "\E674"
}

.icon-flag:before {
    content: "\E675"
}

.icon-home:before {
    content: "\E677"
}

.icon-like:before {
    content: "\E678"
}

.icon-nightmode:before {
    content: "\E679"
}

.icon-notification:before {
    content: "\E67A"
}

.icon-offline:before {
    content: "\E67B"
}

.icon-profile:before {
    content: "\E67C"
}

.icon-qlab:before {
    content: "\E67D"
}

.icon-reply:before {
    content: "\E67E"
}

.icon-rotate:before {
    content: "\E67F"
}

.icon-setting1:before {
    content: "\E680"
}

.icon-share:before {
    content: "\E682"
}

.icon-share03:before {
    content: "\E683"
}

.icon-sub:before {
    content: "\E684"
}

.icon-top15:before {
    content: "\E686"
}

.icon-choosesite:before {
    content: "\E649"
}

.icon-paperbook:before {
    content: "\E64A"
}

.icon-ebook:before {
    content: "\E64B"
}

.icon-xiangxiajiantou:before {
    content: "\E69E"
}

.icon-nosound:before {
    content: "\E69F"
}

.icon-sound:before {
    content: "\E6A0"
}

.icon-1yanjiusuo:before {
    content: "\E6A1"
}

.icon-2lanmu:before {
    content: "\E6A2"
}

.icon-3dingyue:before {
    content: "\E6A3"
}

.icon-4sousuo:before {
    content: "\E6A4"
}

.icon-5app:before {
    content: "\E6A5"
}

.icon-jiadingyue:before {
    content: "\E6B0"
}

.icon-yidingyue:before {
    content: "\E6B1"
}

.icon-fenlei:before {
    content: "\E6B2"
}

.icon-lanmuzuozhe:before {
    content: "\E6B3"
}

.icon-toDown:before {
    content: "\E6B4"
}

.icon-youxi1:before {
    content: "\E6B5"
}

.icon-shengyin:before {
    content: "\E6B6"
}

.icon-shuangjiantou:before {
    content: "\E63E"
}

.icon-dagongsitoutiao-bg:before {
    content: "\E691"
}

.icon-meirihaotu-bg:before {
    content: "\E692"
}

.icon-chuangshirenshuo-bg:before {
    content: "\E693"
}

.icon-chengshi-bg:before {
    content: "\E694"
}

.icon-haoqixinshiyanshi-bg:before {
    content: "\E695"
}

.icon-haoqixinshangyeshi-bg:before {
    content: "\E696"
}

.icon-xinpian-bg:before {
    content: "\E697"
}

.icon-dianyingshishang-bg:before {
    content: "\E698"
}

.icon-shishang-bg:before {
    content: "\E699"
}

.icon-haoqixinyanjiusuo-bg:before {
    content: "\E69A"
}

.icon-haolaiwujihua-bg:before {
    content: "\E69B"
}

.icon-piaofang-bg:before {
    content: "\E6AD"
}

.icon-ribenyu-bg:before {
    content: "\E6B8"
}

.icon-haoqixinrenleixue-bg:before {
    content: "\E6B9"
}

.icon-10getu-bg:before {
    content: "\E6BA"
}

.icon-dianyingchengshi-bg:before {
    content: "\E6BB"
}

.icon-shejicidian-bg:before {
    content: "\E6BC"
}

.icon-shichangfamingjia-bg:before {
    content: "\E6BD"
}

.icon-wodedingyue-bg:before {
    content: "\E6BE"
}

.icon-yifangribao-bg:before {
    content: "\E6BF"
}

.icon-dianyinggongchang-bg:before {
    content: "\E6C0"
}

.icon-jinriyingyong-bg:before {
    content: "\E6C1"
}

.icon-niuyueniuyue-bg:before {
    content: "\E6C2"
}

.icon-sheji-bg:before {
    content: "\E6C3"
}

.icon-xinshu-bg:before {
    content: "\E6C4"
}

.icon-fuhuaribao-bg:before {
    content: "\E6C5"
}

.icon-shangye-bg:before {
    content: "\E6C6"
}

.icon-suantangyujingjixue-bg:before {
    content: "\E6C7"
}

.icon-wanwujianshi-bg:before {
    content: "\E6C8"
}

.icon-youxi-bg:before {
    content: "\E6C9"
}

.icon-yule-bg:before {
    content: "\E6CA"
}

.icon-changwenzhang-bg:before {
    content: "\E6CB"
}

.icon-zhegerenyouhaoqixin-bg:before {
    content: "\E6CC"
}

.icon-zhegeshejilebuqi-bg:before {
    content: "\E6CD"
}

.icon-zheshijie-bg:before {
    content: "\E6CE"
}

.icon-zhineng-bg:before {
    content: "\E6CF"
}

.icon-aeon-bg:before {
    content: "\E6D1"
}

.icon-coolhunting-bg:before {
    content: "\E6D2"
}

.icon-hackyourlife-bg:before {
    content: "\E6D3"
}

.icon-thetalk-bg:before {
    content: "\E6D4"
}

.icon-top15-bg:before {
    content: "\E6D5"
}

.icon-ad-bg:before {
    content: "\E603"
}

.icon-100geyouxiangfaderen:before {
    content: "\E613"
}

.icon-chuangshirenshuo:before {
    content: "\E614"
}

.icon-dagongsitoutiao1:before {
    content: "\E62F"
}

.icon-dianyingchengshi:before {
    content: "\E630"
}

.icon-dianyinggongye:before {
    content: "\E631"
}

.icon-dianyingshishang:before {
    content: "\E632"
}

.icon-fuhuaribao:before {
    content: "\E634"
}

.icon-ad:before {
    content: "\E635"
}

.icon-haolaiwujihua:before {
    content: "\E638"
}

.icon-22suitamenzaixiangshiyao:before {
    content: "\E639"
}

.icon-haoqixindadiaocha:before {
    content: "\E63A"
}

.icon-haoqixinrenleixue:before {
    content: "\E63B"
}

.icon-haoqixinshangyeshi:before {
    content: "\E63C"
}

.icon-haoqixinshiyanshi:before {
    content: "\E63F"
}

.icon-jinriyingyong:before {
    content: "\E640"
}

.icon-kantu:before {
    content: "\E687"
}

.icon-niuyueniuyue:before {
    content: "\E688"
}

.icon-piaofang:before {
    content: "\E68D"
}

.icon-ribenyu:before {
    content: "\E6A6"
}

.icon-shejicidian:before {
    content: "\E6A7"
}

.icon-shichangfamingjia:before {
    content: "\E6A8"
}

.icon-suantangyujingjixue:before {
    content: "\E6A9"
}

.icon-suozhangdashuju:before {
    content: "\E6AA"
}

.icon-wanwujianshi:before {
    content: "\E6AB"
}

.icon-weishenmedushu:before {
    content: "\E6AC"
}

.icon-wodedingyue:before {
    content: "\E6AF"
}

.icon-yexuouzhouyoudaan:before {
    content: "\E6B7"
}

.icon-yifangribao:before {
    content: "\E6D0"
}

.icon-yugaopian:before {
    content: "\E6D6"
}

.icon-zhegerenyouhaoqixin:before {
    content: "\E6D7"
}

.icon-zhegeshejilebuqi:before {
    content: "\E6D8"
}

.icon-zheshijie:before {
    content: "\E6D9"
}

.icon-aeon:before {
    content: "\E6DA"
}

.icon-ch:before {
    content: "\E6DB"
}

.icon-hackyourlife:before {
    content: "\E6DC"
}

.icon-lgbt:before {
    content: "\E6DD"
}

.icon-thetalk:before {
    content: "\E6DE"
}

.icon-iconxuanzhuan:before {
    content: "\E60A"
}

.icon-tianjia:before {
    content: "\E633"
}

.icon-next:before {
    content: "\E637"
}

.icon-iconfontshare:before {
    content: "\E63D"
}

.icon-jiantou-right:before {
    content: "\E64D"
}

.icon-toolbar-like:before {
    content: "\E64F"
}

.icon-toolbar-liked:before {
    content: "\E651"
}

.icon-mul-checked:before {
    content: "\E652"
}

.icon-mul-check:before {
    content: "\E653"
}

.icon-video_play:before {
    content: "\E654"
}
